import React from 'react'

import Coin from "../../../../../../../res/images/web/shared/coin.png"
import {WhiteSpace} from "antd-mobile"

import './PredictCard.css'

const PredictCard = (props) => {

    const {data,} = props

    const card = (
        <div className='g-r-a-pc'>
            <div className='flex-space-between-align-center'>
                <div className='g-r-a-pc-price-category'>{data.category}</div>
                <div className='flex-space-between-align-center'>
                    <img src={Coin} alt=''/>
                    <div className='g-r-a-pc-price'>{data.price}</div>
                </div>
            </div>
            <WhiteSpace/>
            <div style={{textAlign: 'center',}}>
                <div className='g-r-a-pc-btn'>查看</div>
            </div>
        </div>
    )
    return card
}

export default PredictCard
